<script setup lang="ts">
import { useI18n } from 'vue-i18n'

import { useBlockStore } from '@/stores/block'
const { t } = useI18n()
const blockStore = useBlockStore()
</script>

<template>
  <el-card class="flex-grow" shadow="always" header="车辆操作" style="--el-card-padding: 0">
    <el-switch
      class="flex justify-center items-center w-full h-auto mt-1"
      size="small"
      v-model="blockStore.mode"
      :active-text="t('bi-zhang')"
      :inactive-text="t('ting-zhang')"
      :activeValue="1"
      :inactiveValue="2"
      @Change="blockStore.changeBlockMode"
    />
  </el-card>
</template>

<style scoped lang="scss">
:deep(.el-card__header) {
  padding: 0 0 0 10px;
  font-size: small;
  // border-bottom: none;
}
</style>
